
			body {
			         margin: 0px;
			         min-width: 1200px;
			       }
			 
			       header {
			         height: 110px;
			         background-image: url(../images/top-bg.jpg);
			         display: flex;
			         align-items: center;
			         justify-content: space-around;
			         padding: 0px 100px;
			       }
			 
			       .language {
			         height: 100%;
			       }
				   .language>a{
				   	display: inline-block;
				   	margin: 10px;
				   	padding: 10px;
					text-decoration: none;
					color: brown
					
				   }
			 
			       .search {
			         font-size: 14px;
			       }
			 
			       .search>#search-input {
			         width: 300px;
			         height: 30px;
			         border: 2px solid #a62721;
			         border-radius: 15px;
			         display: flex;
			         padding-left: 20px;
			       }
			       
			        .search>#search-input >button{
			          width: 80px;
			           border-radius: 15px;
			           background-color: #A62721;
			           outline: none;
			           border: none;
			           color: wheat;
			          
			        }
			        
			        .search>#search-input >button:active{
			  
			           color: white;
			          
			        }
			        
			        .search>#search-input>input{
			          flex-grow: 1;
			          border: none;
			          outline: none;
			          background-color: rgba(0,0,0,0);
			        }
			        
			        nav{
			          background-color: #A62721;
			          height: 50px;
			          display: flex;
			          justify-content: center;
			          align-items: center;
					  position: sticky;
					  top: 0px;
					  z-index: 100;
			        }
			        
			        nav>a{
			          height: 100%;
			          width: 200px;
			          color: navajowhite;
			          text-decoration: none;
			          display: flex;
			          justify-content: center;
			          align-items: center;
			          
			        }
			        
			        nav>a:hover{
			          background-color:#881618 ;
			        }
			footer{
				width: 100%;
				height: 150px;
				background-color: #8B0000;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			
			.ft-cir{
				flex-direction: column;
				display: flex;
				height:80px;
				width: 80px;
				background-color: #8B0000;
				border-radius: 50%;
				border: 2px solid white;
			}
			.ft-list{
				padding-right: 150px;
				padding-top: 20px;
				width: 60%;
				line-height: 5px;
			}
			.ft-list>ul{
				width: 100%;
				height: 50px;
				border-bottom: 1px solid white;
			}
			.ft-list>ul>li{
				width: 150px;
				height: 60px;
				text-align: center;
				line-height: 80px;
				display: inline-block;
			}
			.ft-list>ul>li>a{
				color: white;
				display: block;
			}
			.ft-list>ul>li>a:hover{
				color: #EBB5B7;
			}
			.f-small {
				color: #cecece;
				font-size: 12px;
			}
			.f-small>a{
				color: #000000;
				text-decoration: none;
			}
			.f-sj>span{
				font-family: "宋体";
				font-size: 8px;
				color: #000000;
				text-decoration: none;
			}
			.ft-selct{
				border:0px #930000;
				width: 100px;
				font-size: 16px;
				background-color:#930000;
				color: white;
			}
			.ft-selct>option{
				border: no;
			}
			body{
				padding: 0px;
				margin: 0px;
			}
			.bannerbox{
				height: 400px;
				width: 100%;
				display: flex;
				overflow: hidden;
			
			}
			.bannerbox>.banner{
				width: 100%;
				height: 400px;
				margin: auto;
				position: relative;
			}
			.banner-img{
				height: 400px;
				width: 100%;
				overflow: hidden;
				list-style: none;
				padding: 0px;
				margin: 0px;
			}
			.ban-yqbox{
				top: 90%;
				left: 45%;
				width: 150px;
				height: 30px;
				list-style: none;
				margin: auto;
				position: absolute;
			}
			.ban-yqbox>li{
				float: left;
				width: 15px;
				height: 15px;
				border: 2px solid #FFFFFF;
				border-radius: 50%;
				margin-left: 20px;
			}
			.con-nav{
				height: 50px;
				background-color: white ;
				display: flex;
				justify-content: center;
			}
			.con-nav>a{
				display: flex;
				justify-content: center;
				align-items: center;
				color: #000000;
				width: 240px;
				height: 50px;
				text-align: center;
				text-decoration: none;
				line-height: 60px;
				font-size:20px;
				background-color: rgba(241,183,183,0.0);
				transition: all 1s;
			}
			.con-nav>a:hover{
				background-color: rgba(241,183,183,0.5);
			}
			
			.con-list{
				display: flex;
				justify-content: center;
			}
			.title{
				position: relative;
				color: gray;
				display: block;
				font-size: 22px;
				font-family: "黑体";
				margin-left: 38%;
				line-height: 5px;
			}
			.con-item{
				width: 350px;
				height: 300px;
				border: 1px solid #767676;
				margin: 10px;
				
			}
			.con-item>ul{
				list-style: none;
				padding: 30px;
			}
			.con-item li{
				height: 50px;
				line-height: 30px;
				display: flex;
				justify-content: space-between;
				background-image: url(../images/con-listimg.png);
				background-repeat: no-repeat;
				font-size: 20px;
				font-family: 华文彩云;
				padding-left: 30px;
			}
			.con-item a{
				text-decoration: none;
				color: #000000;
			}
			.con-itemul a:hover{
				text-decoration: underline;
			}
			.con-item>a{
				display: inline-block;
				position: relative;
				 width: 100%;
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
			
			}
			.con-item>a>span{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 40px;
				background-color: rgba(153, 153, 153, 0.5);
				position: absolute;
				bottom: 0px;
				margin: 0px;
				font-size: 18px;
			}
			.con-item>a>img{
				padding-left: 40%;
			}
			.description-content{
				display: flex;
				flex-direction: column;
				align-items: center;
			}
			.description-list{
				display: flex;
			}
			.description-item{
				    width: 598px;
				    height: 230px;
					border: 1px gray solid;
					border-left: none;
			}
			.description-item{
				display: flex;
				padding-top: 30px;
				padding-left: 50px;
			}
			.item-seq{
				flex-direction: column;
				align-items: center;
				justify-content: center;
				display: flex;
				height: 80px;
				width: 80px;
				background-color: gray;
				border-radius: 50%;
				font-size: 20px;
				color: white;
			}
			.item-content1{
				width: 450px;
				height: 200px;
				padding-left: 10px;
				text-align: left;
			}
			.item-content1>a{
				text-decoration: none;
				color: #000000;
			}
			.item-content1>a:hover{
				text-decoration: underline;
			}
			.item-content1>p{
				font-size: 14px;
				line-height: 25px;
				color: gray;
			}
			.item-content2{
				width: 450px;
				height: 200px;
				padding-left: 10px;
				text-align: right;
				line-height: 24px;
				margin-right: 20px;
			}
			.item-content2>a{
				text-decoration: none;
				color: #000000;
			}
			.item-content2>a:hover{
				text-decoration: underline;
			}
			.item-content2>p{
				font-size: 14px;
				color: gray;
				
			}
			.lgtitl{
				height:65px;
				text-align:center;
				line-height:60px;
				background-image: url(../images/con-hover.png);
				background-repeat: no-repeat;
				background-position: center bottom;
				font-size: 18px;
			}
			.logobox{
				display: flex;
				justify-content: center;
				padding-left: 120px;
			
			}
			.logobox .logob{
				height: 180px;
				width: 100%;
			/* 	margin: 10px; */
				margin-left: 35px;
				margin-bottom: 0px;
				display: flex;
				
			}
			.logob>a{
				width:140px;
				display: inline-block;
				margin-left: 50px;
				
			}
			body{
				padding: 0px;
				margin: 0px;
			}
			.produt{
				width: 100%;
				height:400px;
				background-image: url(../images/banner1.jpg);
				background-repeat: no-repeat;
				border: 1px black solid;
			}
			.produt-list{
				display: flex;
				justify-content: center;
				align-items: center;
				padding-top: 10px;
			}
			.produt-list>a{
				position: relative;
				width: 170px;
				height: 170px;
				border-radius: 20px;
				background-color: rgba(255,255,255,0.7);
				margin: 10px;
				display: flex;
                justify-content: center;
				align-items: center;
			}
			.produt-list>a>img{
				height: 90%;
			}
			.produt-list>a>span{
				height: 100%;
				width: 100%;
				display: none;
				position: absolute;
				text-align: center ;
				color: white;
				font-size: 20px;
				font-family: 华文行楷;
			}
			.produt-list>a:hover>span{
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: rgba(100,100,100,0.7);
				border-radius: 10px;
				
			}
		    .nav-pro{
		    	/* width: 100%; */
		    	display: flex;
				justify-content: center;
		    	align-items: center;
				width: 1000px;
		    }
		    .c-nav{
		    	list-style: none;
		    	display: flex;
				justify-content: center;
				align-items: center;
		    	padding-left: 170px;
				margin-left: 150px;
				z-index: 10;
		    }
		    .c-nav>li{
		    	width: 150px;
		    	height: 50px;
		    	float: left;
		    	text-align: center;
		    	margin-left: 20px;
		    	position: relative;
		    }
		    .c-nav>li>a{
		    	border: 1px solid #707070;
		    	display: block;
		    	color: #930000;
		    	text-decoration: none;
		    	line-height: 50px;
		    	font-size: 20px;
		    	font-weight: 600;
		    	letter-spacing: 30px;
		    	padding-left: 30px;
		    	transition: all 1s;
		    }
		    .c-nav>li>.c-nav-hover{
		    	display: none;
		    	width: 170px;
		    	height:auto;
		    	list-style: none;
		    	border: 1px solid  #5E3A3B;
		    	box-sizing: border-box;
		    	background-color:#FFFFFF;
		    	border-top: none;
		    	padding-left: 0px;
				
		    }
		    .c-nav>li>.c-nav-hover>li{
		    	display: block;
		    	width: 170px;
		    	height: 40px;
		    	line-height: 40px;
		    	text-align: center;
		    	letter-spacing: 10px;
		    	font-size: 18px;
		    	border-bottom: 1px solid #5E3A3B;	
				
		    }
		    .c-nav-hover>li>a{
		    	display: block;
		    	cursor: pointer;
		    	color: #d97386;
		    }
		    .c-nav-hover>li>a:hover{
		    	background-color: #CF9D9E;
		    	color:#ffffff;
		    }
		    
		    .c-nav>li>a:hover{
		    	background-color: #930000;
		    	color: white;
		    	border: 1px solid #930000;
		    }
		    .c-nav>li:hover .c-nav-hover{
		    	display: block!important;
		    }
		    .con-pro{
		    	width: 100%;
		    	height: 300px;
		    	display: flex;
		    	justify-content: center;
		    	align-items: center;
		    	margin-top: 25px;
		    }
		    .pro-hol{
		    	width: 250px;
		    	height: 300px;
		    	border: 1px solid #d97386;
		    	margin-left: 20px;
		    }
		    .pro-img{
		    	width: 250px;
		    	height: 220px;	
		    	display: flex;
		    	flex: hidden;
		    	justify-content: center;
		    	align-items: center;
		    
		    }
		    .pro-img>a{
		    	position: relative;
		    	width: 250px;
		    	height: 220px;
		    	display: flex;
		    	flex: hidden;
		    	justify-content: center;
		    	align-items: center;
		    }
		    .pro-img>a>img{
		    	position: relative;
		    	width: 250px;
		    	height: 220px;
		    	display: flex;
		    	flex: hidden;
		    	justify-content: center;
		    	align-items: center;
		    }
		    .pro-img>a>p{
		    	height: 200px;
		    	width: 200px;
		    	display: none;
		    	position: absolute;
		    	margin-top: 0px;
		    	margin-left: 0px;
		    	color: white;
		    	font-size: 15x;
		    	font-family: "微软雅黑";
		    	justify-content: center;
		    	align-items: center;
		    }
		    .pro-img>a:hover>p{
		    	display: flex;
		    	width: 100%;
				height: 90%;
		    	background-color: rgba(100, 100, 100, 0.7);
		    }
		    .pro-til{
		    	width: 250px;
		    	height: 40px;
		    	border-top:1px solid #d97386 ;
		    	display: flex;
		    	align-items: center;
		    	justify-content: center;
		    }
		    .pro-til>a{
		    	color: #d97386;
		    	text-decoration: none;
		    	font-size: 14px;
		    	font-weight: bold;
		    }
		    .pro-til>a:hover{
		    	text-decoration:underline;
		    }
		    .pro-but{
		    	width: 250px;
		    	height: 40px;
		    	border-top:1px solid #d97386 ;
		    }
		    .pro-but-ton{
		    	width: 80px;
		    	height: 24px;
		    	font-size: 10px;
		    	margin-top: 8px;
		    	margin-left: 120px;
		    	border-radius: 5px;
		    	background-color: rgba(0,0,0,0);
		    	color: #D97386;
		    	border-color: #d97386;
		    	border-width: 1px;
		    }
		    .pro-but-ton:hover{
		    	background-color: #D97386;
		    	color: white;
		    }